<script>
export default {
  name: "bottomPage"
}
</script>

<template>
<div>
  <div class="bottom">
    <div class="w">
      <div class="conTer">
        <div class="bo-ce-title">
          <h2>友情链接</h2>
        </div>
        <div class="lianJie">
          <a href="#">天亮教育</a>
          <a href="#">星云大数据平台</a>
          <a href="#">教学管理云平台</a>
          <a href="#">尚云科技</a>
          <a href="#">天亮公开课资源</a>
        </div>
      </div>
      <div class="diBu">
        <p>Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</p>
      </div>
    </div>
  </div>
</div>
</template>

<style scoped lang="less">
* {
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
}
li{
  list-style: none;
}
.w {
  width: 1200px;
  margin: 0 auto;

}
.bottom {
  width: 100%;
  height: 150px;
  background-color: black;
  padding: 10px;
}

.bo-ce-title {
  width: 800px;
  margin: 10px auto;
}
.conTer div h2 {
  color: white    ;
}
.lianJie {
  /* width: 600px;
  margin: 10px auto; */
  text-align: center;
  margin: 20px;
}
.lianJie a {
  color: rgb(245, 245, 245);
  padding: 10px;
}
.diBu {
  color: rgb(245, 245, 245);
  border-top: 1px solid rgb(87, 87, 87);
  text-align: center;
  margin: 20px;
  padding: 10px;
}
</style>